<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>KUI</title>
<link rel="stylesheet/less" type="text/css" href="../src/less/index.less" />
<script src="js/less.min.js" type="text/javascript"></script>
</head>

<body ontouchstart>
<div class="kui-page">
	<header class="kui-header">
		<div class="pull-right icon-menu">菜单</div>
		<h1 class="kui-title">KUI</h1>
	</header>
	<!--<footer class="kui-footer">footer</footer>-->
	<div class="kui-content">
		<div class="kui-block-title">基础样式</div>
		<ul class="kui-list kui-list-link">
			<li class="kui-list-item">
				<a href="base.html" class="kui-list-info">Base</a>
			</li>
			<li class="kui-list-item">
				<a href="text.html" class="kui-list-info">Text</a>
			</li>
			<li class="kui-list-item">
				<a href="layout.html" class="kui-list-info">Layout</a>
			</li>
			<li class="kui-list-item">
				<a href="1px.html" class="kui-list-info">1px</a>
			</li>
			<li class="kui-list-item">
				<a href="grid.html" class="kui-list-info">Grid</a>
			</li>
			<li class="kui-list-item">
				<a href="icon.html" class="kui-list-info">Icon</a>
			</li>
			
		</ul>
		<div class="kui-block-title">基础组件</div>
		<ul class="kui-list kui-list-link">
			<li class="kui-list-item">
				<a href="badge.html" class="kui-list-info">Badge</a>
			</li>
			<li class="kui-list-item">
				<a href="button.html" class="kui-list-info">Button</a>
			</li>
			<li class="kui-list-item">
				<a href="list.html" class="kui-list-info">List</a>
			</li>
			<li class="kui-list-item">
				<a href="form.html" class="kui-list-info">From</a>
			</li>
			<li class="kui-list-item">
				<a href="table.html" class="kui-list-info">Table</a>
			</li>
		</ul>
		<div class="kui-block-title">JS组件</div>
		<ul class="kui-list kui-list-link">
			<li class="kui-list-item">
				<a href="kui.js.html" class="kui-list-info">Base</a>
			</li>
			<li class="kui-list-item">
				<a href="Layer.html" class="kui-list-info">Layer</a>
			</li>
			<li class="kui-list-item">
				<a href="Picker.html" class="kui-list-info">Picker</a>
			</li>
			<li class="kui-list-item">
				<a href="Calendar.html" class="kui-list-info">Calendar</a>
			</li>
			<li class="kui-list-item">
				<a href="Scroller.html" class="kui-list-info">Scroller</a>
			</li>
		</ul>
		<div class="Pd" style="height:100%;"></div>
	</div>
</div>
</body>
</html>
